<template lang="html">
    <mt-swipe :auto="4000" v-if='swiperData'>
      <mt-swipe-item v-for="item in swiperData" :key="item.id">
        <router-link :to="item.ad_link">
          <img :src="item.ad_code">
        </router-link>
      </mt-swipe-item>
    </mt-swipe>

</template>

<script>
export default {
  props:['swiperData']
}
</script>

<style lang="less" scoped>

.mint-swipe {
  width: 100%;
  height: 29.3vh;
  a,img {
    display: block;
    width: 100%;
    height:100%;
  }
}
</style>
